<template>
	<view class="logistics">
		<view class="shopInfo">
			<image src="/static/logo.png" mode="widthFix"></image>
			<view class="text">门店</view>
		</view>
		<view class="logisticsInfo">
		
			<view class="info_t flex-r-s-c">
				<!-- 物流头像 -->
				<image :src="logisticsList.logo" mode=""></image>
				<view class="text">{{logisticsList.post_name}}</view>
				<view class="text">{{logisticsList.post_no}}</view>
			</view>
	
			<logistics :wlInfo="logisticsList"></logistics>
	
		</view>
	</view>
</template>

<script>
	import logistics from '@/components/xinyu-logistics.vue'
	export default {
		components: {
			logistics
		},
		data() {
			return {
				// 物流信息列表
				logisticsList: {},
			};
		},
		onLoad(options) {
			this.getLogistics(options.id)  // 获取物流信息
		},
		methods:{
			// 获取物流信息
			getLogistics(orderid){
				let that = this
				that.$api.logistics_details({orderid: orderid}).then(res => {
					console.log(res)
					that.logisticsList = res.data.data
				})
			}
		}
	}
</script>

<style lang="less">
	page{
		background-color: #FFFFFF;
	}
	.logistics {
		.shopInfo {
			width: 100%;
			text-align: center;
			margin-top: 100rpx;

			image {
				width: 200rpx;
				height: 200rpx;
			}

			.text {
				font-size: 40rpx;
				font-weight: bold;
				margin-top: 10rpx;
			}
		}

		.logisticsInfo {
			.info_t{
				width: 90vw;
				margin: 20rpx auto;
				box-sizing: border-box;
				padding-left: 60rpx;
			}

			image {
				width: 40rpx;
				height: 40rpx;
				border-radius: 50%;
			}

			.text {
				margin-left: 20rpx;
			}
			
		}
	}
</style>
